<template>
	<view class="content">
			<view class="xiala">
				<view style="left: 0;" >
					地区<image @click="iscyty=true" class="logoimage"  src="../../static/image/Group 6.png" mode="widthFix" @tap="gethot"></image>
				</view>
				<view >
					风格<image @click="iscyty=true" class="logoimage"  src="../../static/image/Group 6.png" mode="widthFix"></image>
				</view>
				<view style="right: 0;" >
					户型<image @click="iscyty=true" class="logoimage"  src="../../static/image/Group 6.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="image-text">
				<view @click="openeHotth()">
					<image class="image-image" src='../../static/image/Mask group_4.png' mode="widthFix"></image>
					<view class="text">
						<text >天和上海\n</text>
						<text >150m²/北欧风</text>
					</view>
				</view>
				<view>
					<image class="image-image" src='../../static/image/Mask group_4.png' mode="widthFix"></image>
					<view class="text">
						<text>静安新城\n</text>
						<text>150m²/北欧风</text>
					</view>
				</view>
			</view>
			
			<view class="image-text">
				<view @click="openeHotth()">
					<image class="image-image" src='../../static/image/Mask group_4.png' mode="widthFix"></image>
					<view class="text">
						<text >天和上海\n</text>
						<text >150m²/北欧风</text>
					</view>
				</view>
				<view>
					<image class="image-image" src='../../static/image/Mask group_4.png' mode="widthFix"></image>
					<view class="text">
						<text>静安新城\n</text>
						<text>150m²/北欧风</text>
					</view>
				</view>
			</view>
			
			<view class="image-text">
				<view @click="openeHotth()">
					<image class="image-image" src='../../static/image/Mask group_4.png' mode="widthFix"></image>
					<view class="text">
						<text >天和上海\n</text>
						<text >150m²/北欧风</text>
					</view>
				</view>
				<view>
					<image class="image-image" src='../../static/image/Mask group_4.png' mode="widthFix"></image>
					<view class="text">
						<text>静安新城\n</text>
						<text>150m²/北欧风</text>
					</view>
				</view>
			</view>
			
			
		</view>
	
	</template>
	
	<script>
		export default {
			data() {
				return {
					iscyty:false,
					index: 0,
					ctyi: [{
						id: 0,
						region: '天心区'
					}, {
						id: 1,
						region: '长沙县'
					}, {
						id: 2,
						region: '宁乡县'
					}, {
						id: 3,
						region: '浏阳县'
					}, {
						id: 4,
						region: '望城区'
					}, {
						id: 5,
						region: '雨花区'
					}, {
						id: 6,
						region: '开福区'
					}, {
						id: 6,
						region: '岳麓区'
					}, {
						id: 7,
						region: '芙蓉区'
					}],
					astyles: [{
						a: 0,
						style: '恬淡田园风格'
					}, {
						a: 1,
						style: '新中式风格装修'
					},{
					a:2,
						style:'现代简约风格'
					},{
					a:3,
						style:'欧式古典风格'
					},{
					a:4,
						style:'地中海风格'
					},{
					a:5,
						style:'东南亚风格'
					}],
					huxin: [{
						i: 0,
						type: '户型'
					}, {
						i: 1,
						type: '01户型'
					}, {
						i: 2,
						type: '02户型'
					}, {
						i: 3,
						type: '03户型'
					}, {
						i: 4,
						type: '04户型'
					}, {
						i: 5,
						type: '05户型'
					}]
				}
			},
			methods: {
				openeHotth(){
					uni.navigateTo({
						url:'/pages/hot/hot_xq'
					})
				},
				gethot(e){
					this.$emit("gethot","ctyi[index][type]")
				}
			}
		}
	</script>
	
	<style lang="scss" scoped>
		.xiala{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			
		}
		.image-image {
			width: 100%;
			height: 196rpx;
			background: rgba(0, 0, 0, 0.20);
			border-radius: 12rpx 12rpx 0rpx 0rpx;
		}
		.text{
			width: 100%;
			height: 98rpx;
			background: #ffffff;
			border-radius: 0rpx 0rpx 12rpx 12rpx;
			box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0,0,0,0.10); 
			
		}
		.image-text{
			padding: 40rpx;
			grid-gap: 40rpx;
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		.logoimage{
			width: 20rpx;
			height: 20rpx;
			
		}
	</style>